<template>
    <div class="project-diary">
        <p>美丽日记<span>发起日记</span></p>
        <my-diary ></my-diary>
    </div>
</template>

<script>
    import MyDiary from '@/components/Usertop/MyDiary'
    export default {
        name: "ProjectDiary",
        components:{
            MyDiary
        }
    }
</script>

<style scoped lang="less">
    @import "../../style/style";
    .project-diary{
        width: 856px;
        >p{
            color: #333333;
            font-size: 16px;
            padding-bottom: 10px;
            border-bottom: 1px dashed #cccccc;
            >:last-child{
                font-size: 14px;
                float: right;
                background-color: @theme-color-dark;
                border-radius: 4px;
                color: white;
                padding: 5px 11px;
            }
        }

    }
</style>